/* 颜色 */
$COLOR: #c81010;
$BLACK: #212121;
$GREY: #f9f9f9;
$LGREY: #f1f1f1;
$DGREY: #cccccc;
$BGREY: #646464;
$WHITE: #ffffff;
$GREEN: #719847;
$BLUE: #74899d;

/* 间距 */
$spacing-1: 3.125rem; // 50px
$spacing-2: 1.875rem; // 30px
$spacing-3: 1.25rem; // 20px
$spacing-4: 0.625rem; // 10px
$spacing-5: 0.3125rem; // 5px

/* 圆角 */
$border-radius-1: 1.875rem;
$border-radius-2: 0.625rem;
$border-radius-3: 0.375rem;

/* 字体大小 */
$font-size-1: 1.5rem;
$font-size-2: 1.25rem;
$font-size-3: 1rem;
$font-size-4: 0.875rem;
$font-size-5: 0.75rem;

/* 动画 */
$ACTION: 500ms;
$transition-out-in: #{calc($ACTION / 2)};
$transition-short: #{calc($ACTION / 3)};
$transition-long: #{calc($ACTION * 2)};
$transition-slow: #{calc($ACTION * 4)};
